<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <style>
        .mint-tab-container-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100% !important;
        }
        .mint-navbar .mint-tab-item.is-selected {
            border-left: 3px solid #26a2ff !important;
            border-bottom:0px !important;
            color: #26a2ff;
            margin-bottom: -3px;
            background: white;
        }
        .mint-tab-item {
            display: block;
            padding: 7px 0;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 0 !important;
            height: 55px !important;
            min-width: 90px !important;
            width: auto;
            text-decoration: none;
            background: #E9F3FF;
            /*font-weight: bold;*/
        }
        .mint-tab-item-label {
            color: inherit;
            font-size: 15px !important;
            line-height: 1;
        }
    </style>
    <script>
        document.getElementsByTagName('html')[0].style.fontSize = '15px'
    </script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/icon.css">
    <link rel="stylesheet" href="./css/mint.min.css">
    <!-- 先引入 Vue -->
    <script src="js/vue.min.js"></script>
    <!-- 引入组件库 -->
    <script src="js/mint.min.js"></script>
    <!--web请求-->
    <script src="js/webservice.js"></script>
    <title>检验报告</title>
</head>
<body>
<div class="bgcolor matchH" id="app">
    <div class="flexH">
        <div class="textV">sskdskl是肯定是快乐快乐圣诞快乐上课了</div>
        <mt-navbar class="flexVL" v-model="selected">
            <mt-tab-item id="1">
                <div class="flexH">选项一 <div class="padding3 radius20 bgblue white marginL5">11</div>
                </div>
            </mt-tab-item>
            <mt-tab-item id="2">选项二</mt-tab-item>
            <mt-tab-item id="3">选项三</mt-tab-item>
        </mt-navbar>

        <mt-tab-container class="flexG matchH bgblue" v-model="selected">
            <mt-tab-container-item class="flexG matchH" id="1">
                <mt-cell v-for="n in 10" :title="'内容 ' + n"/>
            </mt-tab-container-item>
            <mt-tab-container-item class="flexG matchH" id="2">
                <mt-cell v-for="n in 4" :title="'测试 ' + n"/>
            </mt-tab-container-item>
            <mt-tab-container-item class="flexG matchH" id="3">
                <mt-cell v-for="n in 6" :title="'选项 ' + n"/>
            </mt-tab-container-item>
        </mt-tab-container>
    </div>
</div>
</body>
<script>
    var tag = ""
    var tUserId;
    var tLocId;
    var tWardId;

    function getString(s) {
        if (tag == "USERID") {
            tUserId = s;
            getSPString("LOCID") //第2个调用
        } else if (tag == "LOCID") {
            tLocId = s;
            getSPString("WARDID") //第3个调用
        } else if (tag == "WARDID") {
            tWardId = s;
            alert(tUserId + "  .  " + tLocId + " .  " + tWardId);
        }
    }

    function getSPString(key) {
        if (window.android) {
            tag = key;
            window.android.callAndroid("com.blankj.utilcode.util.SPStaticUtils:getString(" + key + ")", "call");
        }
    }

    //第1个调用
    getSPString("USERID")

    new Vue({
        el: '#app',
        data: {
            selected: '1'
        },
        watch: {

        },
        mounted() {
            //将要给原生调用的方法挂载到 window 上面
            window.Config = this.Config
            window.getScanMsg = this.getScanMsg
            this.initData()
        },
        methods: {
            //获取扫码
            getScanMsg(scanInfo) {
                this.$toast(scanInfo)
            },
            initData() {

            }
        }
    })

</script>

</html>